<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="./css/index.css" rel="stylesheet">
  <style>
    h1 {
      color: #000;
    }
  </style>
</head>
<body>
<h1>SVG</h1>
<img src="./svg/circle.svg" />
<embed src="./svg/circle.svg" type="image/svg+xml" />
<object data="./svg/circle.svg" type="image/svg+xml"></object>
<iframe src="./svg/circle.svg"></iframe>
<hr/>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <line x1="0" y1="0" x2="200" y2="0"
        style="stroke:rgb(255,0,0);stroke-width:2"/>
  <line x1="0" y1="0" x2="200" y2="200"
        style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<script src="./js/d3.v4.min.js"></script>
<script src="./js/svg.js"></script>
</body>
</html>